<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../CSSFile/index.css" type="text/css">
</head>
<body>
<div class="whole">
    <div class="header">
        <div id="topLogo"><img src="../ImageFile/forumLogo.jpg"/><img src="../ImageFile/forumLogo_r.jpg"/></div>
        <div id="menu">
            <ul>
                <li><a href="#">首 页</a></li>
                <li><a href="#">青鸟知识库</a></li>
                <li><a href="#">青鸟论坛</a></li>
                <li><a href="#">学院问答</a></li>
                <li><a href="#">青鸟圈子</a></li>
                <li><a href="#">实时课堂</a></li>
                <li><a href="#">客户端下载</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <div class="mid">
        <div class="mid-l">
            <img src="../ImageFile/video.jpg">
            <p><span>青鸟视频————携手共同进步</span></p>
            <p class="mid-l-p">时长：80秒</p>
            <span class="mid-l-span">点击：541563</span>
        </div>
        <div class="videoSame">
            <div class="videoTitle">精彩视频</div>
            <ul class="videosList">
                <li><a href="#"><img src="../ImageFile/video-01.jpg"/></a>
                    <h1>携手共同进步</h1>
                    <p>时长：80秒</p>
                    <span>点击：541563</span>
                </li>
                <li><a href="#"><img src="../ImageFile/video-02.jpg"/></a>
                    <h1>美丽的起点</h1>
                    <p>时长：120秒</p>
                    <span>点击：657842</span>
                </li>
                <li><a href="#"><img src="../ImageFile/video-03.jpg"/></a>
                    <h1>努力的过程</h1>
                    <p>时长：50秒</p>
                    <span>点击：912380</span>
                </li>
                <li><a href="#"><img src="../ImageFile/video-04.jpg"/></a>
                    <h1>享受丰硕的成果</h1>
                    <p>时长：60秒</p>
                    <span>点击：47651280</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <p>Copyright &copy; 1999-2014 Beijing Aptech Beida Jade Bird Information Technology Co.,Ltd</p>
        <p>北大青鸟IT教育 北京阿博泰克北大青鸟信息技术有限公司 版权所有</p>
    </div>
</div>
</body>
</html>